html{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: sans-serif; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
*{webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input{-webkit-appearance:none;border-radius: 0;}
a{color: #051b28}
a:-webkit-any-link { cursor: auto;text-decoration: none;}
a{-webkit-user-drag: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent; }
a[href]:hover {cursor: pointer;}
ol,ul{list-style:none;}
img {vertical-align: middle;}
body{background-color: #f4f4f4; font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;}
.weui-btn_primary{background-color: #34a7ff;}
.weui-tabbar{position: fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.weui-tabbar__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.weui-tabbar:before{border-top-color: #afdafb;}
.weui-flex {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
/*线头/通用*/
.line_top:before{content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.line_bottom:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; border-bottom: 1px solid #D9D9D9;color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.line_left:before{content: " ";position: absolute;left: 0;top: 0;width: 1px;height: 100%; border-left: 1px solid #D9D9D9; color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
.line_right:after{content: " ";position: absolute;right: 0;top: 0;width: 1px;height: 100%; border-right: 1px solid #D9D9D9; color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
/*背影颜色*/
.bg_red{background-color: red}
.bg_black{background-color: black}
.bg_green{background-color: green}
.bg_blue{background-color: blue}
.bg_white{background-color: white}
.bg_pink{background-color: pink}
.bg_rand01{background-color: #FF6666}
.bg_rand02{background-color: #fe5578}
.bg_rand1{background-color: #2d95e6}
.bg_rand2{background-color: #d0a301}
.bg_rand3{background-color: #e87905}
.bg_rand4{background-color: #078fc3}
.bg_rand5{background-color: #066fbb}
.bg_rand6{background-color: #6229bb}
.bg_rand7{background-color: #bb294a}
/*表单验证*/
.Validform_error{background-color: #ec7c5b}
/*全局容器/通用*/
.main-box{margin: 0 auto; max-width: 640px;position: relative;}
/*头部导航*/
.header-blank{ height:45px;}
.header{background:#27a1fe;padding:0 10px; height:40px; line-height:40px; font-size:16px; color:#ffffff; text-align:center;position:fixed; top:0; width:100%; left:0;  z-index:999;  border-radius:0;box-shadow:0px 2px 2px #999;}
.header .left{ float:left;}
.header .right{ float:right;}
.header a{ color:#ffffff;font-size: 16px;}
.header .mmico{font-size: 16px; font-weight: 900}
/*能用列表*/
.main-list{}
.main-list li{position: relative; padding: 10px;overflow: hidden; background-color: white}
.main-list li:before{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; border-bottom: 1px solid #D9D9D9;color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.main-list li .list-fl{float: left; width: 70%; padding-right: 10px;}
.main-list li .list-fr{float: right; width: 30%; padding-top: 5px;text-align: right}
.main-list li h4{line-height: 1;padding-bottom: 5px;color: #484848}
.main-list li p{line-height: 1; font-size: 14px; color: #A5A2A2;}
.main-list li .disc{color: #ff5500; font-size: 16px; font-weight: bold;}
.main-list li .disc:before{content: "+";}
.main-list li .disc-{color: #0096ff; font-size: 16px; font-weight: bold;}
.main-list li .list-img{width: 45px; height: 45px; border-radius: 5px;}
/*下拉刷新*/
.dropload-up,.dropload-down{position: relative;height: 0;overflow: hidden;font-size: 12px; -webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down{height: 50px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 50px;line-height: 50px;text-align: center;}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
/*分页*/
.pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
.pager li { display: inline;}
.pager li > a, .pager li > span { display: inline-block; padding: 5px 24px; background-color: #fff;  border: 1px solid #ddd; border-radius: 10px; color: #1999fb;  }
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span {float: right; }
.pager .previous > a,.pager .previous > span {float: left;}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span {color: #777;cursor: not-allowed;background-color: #fff; }
/*tab*/
/*tab切换类*/
.aui-tab {width: 98%;overflow: hidden;margin: 0 auto;}
.aui-tab-nav {width: 100%;display: box;display: -webkit-box;box-sizing: border-box;font-size: 14px; height: 35px; background-color: #fff;overflow: hidden;}
.aui-tab-nav li {height: 35px;line-height: 35px;box-flex: 1;-webkit-box-flex: 1;box-sizing: border-box;text-align: center;color: #666;border-bottom: 2px solid transparent; width: 100%;}
.aui-tab-nav li a{color: inherit}
.aui-tab-nav li.active {color: #1abc9c;border-bottom: 2px #1abc9c solid;}
.aui-tab-nav.aui-tab-border {background-color: transparent;border: 1px solid;border-color: #1abc9c;border-radius: 3px;}
.aui-tab-nav.aui-tab-border li {overflow: hidden; line-height: 33px;color: #1abc9c;background-color: #ffffff;border-color: #1abc9c;border-left: 1px solid;}
.aui-tab-nav.aui-tab-border li:first-child {border-left: 0px;}
.aui-tab-nav.aui-tab-border li.active {background-color: #1abc9c;color: #fff;}
/*用户中心*/
.my-head{position: relative; height: 120px; background-color: #27a1fe;background: linear-gradient(#27a1fe,#a3d2f7);box-shadow: 0px 3px 6px 0px #cdcdcd;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.my-head-main{padding:5px 10px;position:relative;background-color: white; width: 95%; margin: 0 auto 5px auto; z-index: 10;border-radius: 5px; box-shadow:0 0 6px 4px #e0f1ff;border: solid 1px #eaeaea;}
.my-head-headimg{width: 90px;height: 90px; margin: -50px auto 0 auto; border: solid 2px #ffffff;  z-index: 20;border-radius: 50%; overflow: hidden;}
.my-head-nickname{text-align: center; color: #27a1fe}
.my-head-level{text-align: center; color: #929292; font-size: 14px;}
.my-head-main b{color: #020202; font-weight: 700}
.my-head-disc{margin-top: 10px;}
.my-head-disc .weui-flex__item{font-size: 14px; position: relative;color: #656565; text-align: center}
.my-head-disc .weui-flex__item span{display: block;color: #d62728; font-weight: 800;}
.my-head-menu .weui-flex__item{font-size: 14px; position: relative;color: #3e3e3e; text-align: center; padding: 8px 0;}
.my-head-menu .weui-flex{position: relative;}
.my-chongzhi{padding: 8px 5px;}
/*银行卡*/
.selectpc{ width: 47%;font-size: 16px; border: 0px solid #ccc;line-height: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/arrow-down4select.png) no-repeat right;}
.bankcard-main-item{ margin:12px; padding:10px;background-color: #122b4a; color:#FFF; border-radius: 4px; font-size:18px; position:relative}
.bankcard-main-item .title{ font-size:28px;}
.bankcard-main-item .name{ padding-left:10px; font-size:14px;}
.bankcard-main-item .cardno{padding-left:20px; font-size:20px; text-align:center }
.bankcard-main-item .bank_name{padding-left:20px; text-align:right;font-size:14px;}
.bankcard-main-item  .edit{ position:absolute; top:5px; right:5px;}
.bankcard-main-item  .default{display: inline-block}
.bankcard-main-item  .edit .weui-btn + .weui-btn{margin-top: 0;}
/*首页轮播*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:right; padding-right:10px  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:5px;moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;box-sizing:content-box;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#FE6C9C;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; background:url(/static/images/loading.gif) center center no-repeat; background-size: 40px 40px;min-height: 90px;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 闁告瑦鐗楃粔鐑芥煣閻愵剙澶嶅Δ鍌浢肩�碉拷*/  }

/*首页列表*/
.index-box{position: relative;margin: 5px;background-color: #ffffff;border-radius: 5px;box-shadow: 0 0 8px 2px #e0f1ff;border: solid 1px #eaeaea;}
.index-box-title{position:relative;padding: 5px;text-align: center;line-height: 32px;}
.index-box-title .title-right{float: right;line-height: 32px;padding: 0 10px;color: #a2a2a5;}
.index-box-title .title-logo{width: 32px; height: 32px;display: inline-block; padding-left: 5px;}
.index-box-title:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; border-bottom: 1px solid #D9D9D9;color: #D9D9D9;-webkit-transform-origin: 0 100%; transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.index-box-body{position: relative;padding: 0 5px;}
.index-item{position: relative;overflow: hidden;padding: 0px 0;}
.index-item-img{vertical-align: middle;text-align: center; padding: 5px;display: inline-block; width: 30%; float:left;}
.index-item-img img{border-radius: 5px;}
.index-item-body{float: left;width: 70%; padding: 5px;}
.index-item-body .title{width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color: #2d2d2d}
.index-item-body .desc{font-size: 12px; line-height: 1.1;color: #888a85; overflow: hidden;}
.index-item-body .down{text-align: right;padding-top: 6px;padding-right: 5px;}
.index-item-body .down .system{float: left;line-height: 32px; font-size: 14px; color: #3cc51f;}
.index-item-body .weui-btn{display: inline-block; line-height: 28px;font-size: 14px; background-color: #ecae06}
.index-list li:last-child:after{width: 0;height: 0;}
.index-box-body .goods .system{color: #ff6616;font-size: 18px;}
.index-box-body .goods .weui-btn{background-color: #00cc00}
/*商品详情*/
.goods-box{background-color: #fff;margin-bottom: 10px;padding: 5px 10px;line-height: 2em;font-size: 14px;position: relative}
.goods-title{padding-top: 10px; line-height: 32px;}
.goods-title h1{line-height: 16px;font-size: 14px;color: #051B28;font-weight: 400;}
.goods-title .price{font-size: 24px;color: #dd2727; padding: 4px 10px;}
.goods-title .other{font-size: 12px;color: #999;padding-left: 5px;}
.goods-shopInfo .logo{width: 32px;height:32px;display: inline-block}
.goods-shopInfo .body{display: inline-block}
.goods-body h3{font-size: 14px;color: #666;}
.goods-body .weui-article{padding: 0;}
.goods-shopInfo .mmico{float: right; line-height: 32px;padding: 0 10px;color: #a2a2a5;}
#actionBar{position: fixed;bottom: 0;width: 100%;z-index: 1; background-color: #fff}
#actionBar-content{color: #999; border-top: 1px solid #E5E5E5;}
#actionBar .weui-flex__item{height: 49px;text-align: center; font-size: 14px;}
#actionBar .weui-flex__item .mmico{display: block;font-size: 18px; color: #4A90E2; padding-top: 5px;}
#actionBar .support, #actionBar .toshop, #actionBar .addfav{max-width: 50px;min-width: 26px;border-right: 1px solid rgba(0,0,0,.05)}
#actionBar-content>button{border: none;color: #fff; font-size: 15px;}
#actionBar-content .cart{background: #FF9500;}
#actionBar-content .buy{background: #DD2727;}
#actionBar-content a{color: #999;}
/* 属性选择 */
.attrInfo{position: relative; color: #051b28;height:100%}
.attrInfo .title{position: absolute;height: 78px;width: 100%;top:0; left:0;padding: 5px;z-index: 1000;}
.attrInfo .title .img{position: relative;top: -52px;background-color: #fff;z-index: 10; padding: 2px;border: 1px solid #ddd;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; float: left; margin-right: 1em; height: 100px; width: 100px; display: -webkit-box; -webkit-box-align: center;-webkit-box-pack: center; display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.attrInfo .title .main{word-break: break-all; overflow: hidden;}
.attrInfo .title .main .prices{color: #DD2727;font-size: 16px;}
.attrInfo .title .close{font-size: 26px;padding: 5px;position: absolute;top:0;right: 20px;color: #5f646e}
.attrInfo .body{padding:100px 10px 10px 10px;overflow-x:auto;}
.attrInfo .body .number{padding-bottom: 20px;}
.attrInfo .body .number h4{color: #666; margin-bottom: 5px;}
.attrInfo .attr-item{ margin-bottom: 10px;}
.attrInfo .attr-item h4{color: #666; margin-bottom: 5px;}
.attrInfo .attr-item .on{color: #b10000; border-color: #b10000;}
.attrInfo .attr-item span{padding: 4px 8px;border: 1px solid #e5e5e5;margin-right: 4px;}
.attrInfo .footer{position: absolute; left: 0; bottom: 21%;padding:20px;z-index: 1001; height: 35px;right: 0;}
.attrInfo .footer>button{ width: 100%;height: 100%;text-align: center;background-color: #DD2727;padding: 0;line-height: 1;}
/*数量选择*/
.mui-number {display: inline-block;vertical-align: middle;border: 1px solid #b3b3b3;-webkit-border-radius: 3px;border-radius: 3px;letter-spacing: 0;height: 2.36rem;line-height: 2.36rem;overflow: hidden}
.mui-number .decrease,.mui-number .increase,.mui-number .num {float: left;text-align: center}
.mui-number .decrease,.mui-number .increase {font-style: normal;font-size: 1.24rem;font-weight: 700;border: none;display: inline-block;width: 2.32rem;height: 100%;-webkit-user-select: none;-ms-user-select: none;background-color: #fff;color: #5f646e}
.mui-number .decrease.disabled,.mui-number .increase.disabled {color: #cfcfcf}
.mui-number .decrease {border-right: 1px solid #b3b3b3}
.mui-number .increase {border-left: 1px solid #b3b3b3}
.mui-number .num {height: 100%;min-width: 2.35rem;max-width: 3.55rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 .22rem;border: none;-webkit-border-radius: 0;border-radius: 0;font-weight: 700;color: #3d4245}
.mui-number .num::-webkit-inner-spin-button {display: none}
/*购物车*/
.shop_cart .weui-panel__hd{padding: 5px 10px; height: 45px; line-height: 35px; font-size: 14px;}
.shop_cart .weui-panel__hd .img{width: 35px;height: 35px; display: inline-block;padding: 2px;}
.shop_cart .weui-panel__bd h4{font-size: 14px;}
.shop_cart .goods-item .del{position:absolute;right: 10px; top:50%; color: red;font-size: 32px;margin-top: -18px;}
.shop_cart .footer .weui-flex{position:relative;padding: 5px 10px;}
.shop_cart .footer .weui-flex .total{padding: 4px 0 4px 10px;line-height: 1.2; color: #616060}
.shop_cart .footer .weui-flex .submit{padding: 2px;text-align: right}
.shop_cart .footer .weui-flex .weui-btn_mini{padding: 4px 18px;}
.shop_cart .footer .goods_fee{color: #e85101}
.shop_cart .footer .shop_fee{color: #e85101}
.shop_cart .footer .goods_fee:before ,.shop_cart .footer .shop_fee:before{content: '闁跨噦鎷穧
.shop_cart .mui-number{height: 2rem;line-height: 2rem;}
/*地址*/
.shoping{padding:10px;position: relative;}
.shoping .add-info .name{font-size: 16px;color: #2A2C2E;}
.shoping .add-info .add{font-size: 12px;color: #888;}
.shoping .add-info .empty{font-size: 16px;color: red;line-height:32px;}
.shoping .add-info .mmico{font-size: 16px;color: #0D0D0D; padding-right: 5px;}
.shoping .add-info .title-right{position: absolute; right: 5px;top:50%;margin-top: -8px; color: #888}
/*订单列表*/
.order-list-itme{padding: 10px;margin-top: 10px; font-size: 14px; color: #464646}
.order-list-itme .weui-btn{margin-right: 10px;}
.order-title{position: relative;overflow: hidden; padding-bottom: 5px;}
.order-title .right{float: right; color: orangered; font-weight: bold}
.order-decs{text-align: right; position: relative;padding: 5px;}
.order-decs b{color: orangered}
.order-btn{text-align: right;padding-top: 10px;}
.order-goods{overflow: hidden; padding: 10px 20px 10px 0;position: relative}
.order-goods .right{position:absolute;right: 5px;top:50%;margin-top: -10px;color: #888;}
.order-goods li{width: 56px;height:56px;margin-right: 4px;float: left; }
.order-goods .goods-name{float: left;display: inline-block;max-width: 60%;overflow: hidden;color: #383a39;font-weight:600;height: 56px;padding: 5px 20px 5px 5px;}
/*弹出绑定帐号*/
.popup-main{display:block;overflow: hidden;padding: 10px;}
.layui-m-layer .popup-main *{box-sizing: border-box;-webkit-box-sizing:border-box}
.popup-main .title{position: relative;}
.popup-main .title .close{position: absolute;right: -5px; top:-5px; font-size: 24px;padding: 5px;color: #f76608;}
.popup-main .title h3{height: 30px;line-height: 30px;}
.popup-main .body .weui-cells{margin-top: 5px;}
.popup-main .body .weui-cells_form .weui-label{width: 35px; border-right: solid 1px #cdcdcd;}
.popup-main .body .weui-cells_form .weui-label .mmico{color: #676767; font-size: 26px;}
.popup-main .body .weui-cells_form .weui-input{padding-left: 5px;}
.popup-main .footer{box-sizing: border-box;margin-top:8px;padding: 10px;-webkit-box-sizing:border-box}
.popup-main .footer .weui-btn{background-color: #f66d13}
.popup-main .body .wait{color: #cdcdcd;}

/*显示用户提示*/
.user-info-cz{display:none;width: 65px;height: 65px;border: 1px dotted #cdcdcd;border-radius: 5px;overflow: hidden;font-size: 12px;color: #ffffff;line-height: 1;position: absolute;right: 5px;top: 5px;z-index: 100;box-shadow: 2px 5px 2px #6b6666;}
.user-info-cz span{position: absolute;bottom: 0;background-color: rgba(0, 0, 0, 0.51);padding: 3px 2px;width: 100%; display: block; z-index: 1000;}
